<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Bar chart</title>
    <!-- 引入 ECharts 文件 -->
    <script src = "https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
 <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM  创建好后直接run可以看见网页内容-->
    <div id = 'main' style = 'width: 600px;height:400px;border:3px solid red'></div>

<script type = 'text/javascript'>
    var myEcharts = echarts.init(document.getElementById('main'));
    var option = {
        title: {text: '某APP用户统计'},
        legend: {data:['人数'],icon:'square',textStyle:{color:'brown'}},
        xAxis: {data: ['流失用户','回流用户', '连续活跃用户', '新用户', '活跃用户']},
        yAxis:{},
        series:[{name: '人数',type:'bar',data:[183472, 6546, 2524, 591, 0]}]
    };
    myEcharts.setOption(option);

</script>
</body>
</html>